<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>湖南大学教育阳光服务网上大厅</title>
	<link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
	<link href="../css/common2.css" rel="stylesheet">
	<link href="../css/index.css" rel="stylesheet">
</head>

<body>
	<header>
		<a href="../index.html"><img src="../img/head_title.png" alt="logo" class="logo"></a>
	</header>

	<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
		<tr>
			<td height="8"></td>
		</tr>
	</table>

	<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">
			<tbody>
				<tr>
					<td height="5"></td>
				</tr>
				<tr>
					<td align="left" height="30" bgcolor="#f9f9f9" style="line-height:200%;font-size: 15px;">
						<font color="#ffcf00">
							<strong>使用帮助：</strong>
						</font>
						<font color="#999999">“投诉受理”栏目主要是学生、家长、教师、社会公众可对各类教育问题进行在线投诉和反映，我们将跟进办理情况并对投诉人的信息保密。
						</font>
					</td>
				</tr>

				<tr>
					<tr>
						<td height="5"></td>
					</tr>
					<td width="100%" valign="top">
						<form id="form">
							<table width="100%" border="0" cellspacing="0" cellpadding="0">
								<tbody>
									<tr>
										<td height="28" style="border-bottom:2px #ffcf00 solid;line-height:200%;">您当前的位置：<a href="../index.html" style="text-decoration: none;"><font color="#999999">阳光服务大厅</font></a><font color="#999999">--&gt;&nbsp;我要投诉</font>
										</td>
									</tr>
									<tr>
										<td style="line-height:200%;border-bottom:1px #D9D9D9 solid; height:40">
											<font style="font-size:16px;font-weight:bold;">个人信息</font>&nbsp;&nbsp;（选填，您所填写的信息，我们将为您严格保密）
										</td>
									</tr>
									<tr>
										<td width="100%">
											<table width="100%" border="0" cellspacing="0" cellpadding="0">
												<tbody>
													<tr>
														<td height="40" width="93" align="right">
															<font>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：</font>
														</td>
														<td align="left">
															<input id="name" name="name" minlen="1" value="" description="姓名" type="text" style="border:1px #D0D0D0 solid;height:30px;width:400px;line-height:30px;">
														</td>



														<td height="40" width="93">
															<font>联系方式：</font>
														</td>
														<td align="left">
															<input name="contact" description="联系方式" minlen="11" value="" type="text" style="border:1px #D0D0D0 solid;height:30px;width:400px;line-height:30px;">
														</td>
													</tr>
												</tbody>
											</table>
										</td>
									</tr>
									<td style="line-height:200%;border-bottom:1px #D9D9D9 solid; height:40">
										<!-- <img src="images/reg1.png" border="0">&nbsp; 添加图片的地方-->
										<font style="font-size:16px;font-weight:bold;">投诉事项信息</font>&nbsp;&nbsp;（注意：标有&nbsp;
										<span style="color:#ff5400">*</span>&nbsp;的必须填写，我们将根据您的需求对您填写的信息进行严格保密）
									</td>
									<tr>
										<td width="100%">
											<table width="100%" border="0" cellspacing="0" cellpadding="0">
												<tbody>
													<tr>
														<td height="40" width="93" align="right">
															<span style="color:#ff5400">*</span>
															<font>标&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;题：</font>
														</td>
														<td align="left">
															<input id="title" name="title" value="" description="标题" minlen="1" type="text" style="border:1px #D0D0D0 solid;height:30px;width:900px;line-height:30px;">
														</td>
													</tr>
													<tr>
														<td width="93" height="40" align="right">
															<font>地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;点：</font>
														</td>
														<td align="left">
															<input name="location" description="问题发生地" style="border:1px #D0D0D0 solid;height:30px;width:900px;line-height:30px;"
															 type="text">
														</td>
													</tr>
													<tr>
														<td height="180" width="93" align="right">
															<span style="color:#ff5400">*</span>
															<font>内&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;容：</font>
														</td>
														<td>
															<textarea id="content" name="content" value="" description="内容" minlen="1" style="width:100%;height:120px;border:1px #D0D0D0 solid; font-size:14px"
															 onpropertychange="if(this.scrollHeight<100){this.style.posHeight=120;}else{this.style.posHeight=this.scrollHeight}"></textarea>
															<br>
															<font color="#999999" size="2px">（为方便您正确快捷地提交，请在word、记事本等文字编辑器中起草内容，再粘贴到本栏。）</font>
														</td>
													</tr>
													<tr>
														<td height="40" width="93" align="right">
															<font>
																<span style="color:#ff5400">*</span>是否公开：</font>
														</td>
														<td align="left">
															<input type="radio" name="public" value="1" checked="checked">&nbsp;
															<font class="index_text22">公开</font>&nbsp;&nbsp;&nbsp;
															<input type="radio" name="public" value="0">&nbsp;
															<font class="index_text22">不公开</font>
														</td>
													</tr>
												</tbody>
											</table>
										</td>
									</tr>
								</tbody>
							</table>

						</form>
					</td>
				</tr>
				<tr>
					<td align="center">
						<input type="submit" id="but1" value="提交">
					</td>
				</tr>


			</tbody>
		</table>

		<div style="display:none">
		</div>
		<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
		<script>
			// function(){
			// 	$(document).ready(function)
			// }
			$.fn.serializeObject = function () {
				var o = {};
				var a = this.serializeArray();
				$.each(a, function () {
					if (o[this.name] !== undefined) {
						if (!o[this.name].push) {
							o[this.name] = [o[this.name]];
						}
						o[this.name].push(this.value || '');
					} else {
						o[this.name] = this.value || '';
					}
				});
				return o;
			};
			!function () {
				$(document).ready(function () {
					$("#but1").click(function () {
						if ($("#title").val() && $("#content").val()) {
							var infomation = $("#form").serializeObject();
							infomation.type = 'COMPLAINTS';
							infomation.attachment = '';
							console.log(infomation)
							$.ajax({
								url: "http://frp.along66.com:8888/information",
								type: "post",
								data: infomation,
								success: function (msg, data) {
									console.log(data)
									if (msg.status === "SUCCESS") {
										alert("您的受理编号为" + msg.id + ",请关闭窗口，不用重复提交");
									} else {
										alert("网络错误");
									}
								}

							});

						} else
							alert("内容标题不能为空！");
					})
				})
			}()
		</script>
</body>

</html>